<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no,email=no" name="format-detection">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, width=device-width">
	<meta name="x5-orientation" content="portrait">
	<meta name="screen-orientation" content="portrait">

	<!--<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">-->
	<link rel="stylesheet" type="text/css" href="http://file.zoomyoung.cn/web/css/all.css">
	<script type="text/javascript" src="http://file.zoomyoung.cn/web/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="http://file.zoomyoung.cn/web/js/filedown.js"></script>
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<title>ZoomYoung个性定制商城</title>
</head>
<style type="text/css">
     body,html{width: 100%;height: 100%;}
     .all{width: 100%;height: 100%;background:black;}
     .video{width: 100%;position: fixed;bottom: 0;left: 0}
     .logo{width: 42.3%;display: block;position: absolute;left: 2.7%;top: 20px;}
      @keyframes dong{
      	0%{transform: rotate(0deg);}
      	100%{transform: rotate(360deg);}
      }
     .skip{width: 26.7%;display: block;position: absolute;right: 2.7%;bottom: 20px;}
     .stop{width: 11.7%;position: absolute;right: 2.7%;top: 20px;}
     .stop img{width: 100%;animation: dong 3s linear infinite;transform-origin:center;}
</style>
<body>
<div class="all">
	<video class="video" preload="auto" id="video" style="object-fit:fill" autoplay="autoplay" x5-playsinline="true" x-webkit-airplay="true"  playsinline webkit-playsinline="true" >
		<source src="http://file.zoomyoung.cn/web/video/1.mp4" type="video/mp4" />
	</video>
    <img  src="http://file.zoomyoung.cn/web/img/logo-decoration.png" class="logo"/>
	<img src="http://file.zoomyoung.cn/web/img/skip-button.png" class="skip"/>
	<div class="stop">
      <img src="http://file.zoomyoung.cn/web/img/Open-music.png"/>
	</div>
</div>

<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?2a04b9d7f4b4a0edfe491497d0cfa626";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script type="text/javascript">
	$(function () {
        var tag=0;
        var myVideo=document.getElementById("video");
        $('.stop').click(function(){
            if(tag==0){
                myVideo.muted =true   //关闭视频声音
                $('.stop img').attr('src','http://file.zoomyoung.cn/web/img/Close-music.png').css('animation',"none")
                tag=1;
            }else{
                myVideo.muted =false
                $('.stop img').attr('src','http://file.zoomyoung.cn/web/img/Open-music.png').css('animation',"dong 3s linear infinite");
                tag=0;
            }
        });

        myVideo.addEventListener("ended",function(){
            window.location.href="./homePage.html"
        });
        $('.skip').click(function(){
            window.location.href="./homePage.html"
        });

        aaaa();
        function aaaa() {
            var u = navigator.userAgent;        //识别这个机器的内核
            if(u.indexOf('Android') > -1 || u.indexOf('Linux') > -1)//判断是否为安卓   安卓不兼容自动播放
            {
                window.location.href="./homePage.html"
            }else {
                document.addEventListener("WeixinJSBridgeReady", function () {
                    document.getElementById("video").play();
                }, false);
            }
        }

    });
</script>
</body>
</html>